<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" th:src="@{/erp/js/html5.js}"></script>
    <script type="text/javascript" th:src="@{/erp/js/respond.min.js}"></script>
    <script type="text/javascript" th:src="@{/erp/js/PIE_IE678.js}"></script>
    <![endif]-->
    <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet"/>
    <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
    <link th:href="@{/erp/assets/css/codemirror.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}"/>
    <link rel="stylesheet" th:href="@{/erp/Widget/zTree/css/zTreeStyle/zTreeStyle.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}"/>
    <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet"/>
    <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}"/>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}"/>
    <link th:href="@{/erp/Widget/icheck/icheck.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
    <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
    <!--[if IE 7]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}"/>
    <![endif]-->
    <link th:href="@{/erp/Widget/icheck/icheck.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/erp/Widget/webuploader/0.1.5/webuploader.css}" rel="stylesheet" type="text/css"/>
    <title>分类管理</title>
</head>
<body>
<div class="clearfix" id="add_picture">
    <div id="scrollsidebar" class="left_Treeview">
        <div class="show_btn" id="rightArrow"><span></span></div>
        <div class="widget-box side_content">
            <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
            <div class="side_list">
                <div class="widget-header header-color-green2">
                    <h4 class="lighter smaller">现有分类列表</h4>
                </div>
                <div class="widget-body">
                    <div class="widget-main padding-8">
                        <div id="treeDemo" class="ztree"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page_right_style">
        <div class="type_style">
            <div class="type_title">分类信息</div>
            <div class="type_content">
        <span id="spans1" style="display:block">
		<div style="margin-left:100px">
            <a href="javascript:;" onClick="xinzeng()" class="btn  btn-warning"><i class="icon-plus align-top bigger-125"></i>新增下级分类</a>
            <a href="javascript:;" id="shanchu" class="btn  btn-danger"><i class="icon-trash   align-top bigger-125"></i>删除该分类</a> </div><br><br>
        <form action="/categories/updateCategories" method="post" class="form form-horizontal" id="form-user-add">
			  <ul class=" page-content">
			<div class="Operate_cont clearfix">
			  <label class="form-label"><span class="c-red">*</span>分类名称：</label>
			  <div class="formControls ">
				<input type="text" class="input-text" value="" placeholder="" id="name" name="name">
			  </div>
			</div>
            <input type="hidden" name="id" id="a_id" value="">
            <input type="hidden" name="p_id" id="p_id" value="">
			<div class="Operate_cont clearfix">
			  <label class="form-label"><span class="c-red">*</span>分类介绍：</label>
			  <div class="formControls">
				<textarea name="mIntroduction" id="mIntroduction" rows="" class="textarea" datatype="*0-100"
                          dragonfly="true"></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
			  </div>
			</div>
		  </ul>
		<div class="">
            <div class="" style=" text-align:center">
              <input class="btn btn-primary radius" type="submit" value="保存并应用">
			  <input class="btn btn-primary radius" type="button" value="取消">
            </div>
          </div>
        </form>
		</span>
                <span id="spans2" style="display:none;">
		<!--<div class="Operate_btn"> <span style="font-size:20px;font-weight: bolder;"> 新增销售部下级部门 </span></div>-->
		<form id="addtypes">
            <input type="hidden" name="wu" id="sdsad">
            <input type="hidden" name="id" id="ids">
				<ul class=" page-content">
			<div class="Operate_cont clearfix">
			  <label class="form-label"><span class="c-red">*</span>分类名称：</label>
			  <div class="formControls " style="width:280px;">
				 <input type="text" class="input-text" value="" placeholder="" id="user-name" name="name">
			  </div>
			</div>
			<div class="Operate_cont clearfix">
			  <label class="form-label"><span class="c-red">*</span>分类介绍：</label>
			  <div class="formControls">
				<textarea name="mIntroduction" rows="" class="textarea" datatype="*10-100"
                          dragonfly="true"></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
			  </div>
			</div>
			<div class="">
            <div class="" style=" text-align:center">
              <input class="btn btn-primary radius" id="tijiao" type="submit" value="提交">
			  <input class="btn btn-primary radius" id="tijiao1" type="button" value="取消" onclick="aaa()">
            </div>
          </div>
		  </ul>
		</form></span>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>


<script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
<script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
<script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript"></script>
<script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
<script type="text/javascript" th:src="@{/erp/Widget/My97DatePicker/WdatePicker.js}"></script>
<script type="text/javascript" th:src="@{/erp/Widget/icheck/jquery.icheck.min.js}"></script>
<script type="text/javascript" th:src="@{/erp/Widget/zTree/js/jquery.ztree.all-3.5.min.js}"></script>
<script type="text/javascript" th:src="@{/erp/Widget/Validform/5.3.2/Validform.min.js}"></script>
<script type="text/javascript" th:src="@{/erp/Widget/webuploader/0.1.5/webuploader.min.js}"></script>
<script type="text/javascript" th:src="@{/erp/Widget/ueditor/1.4.3/ueditor.config.js}"></script>
<script th:src="@{/erp/js/lrtk.js}" type="text/javascript"></script>
<!--<script type="text/javascript" th:src="@{/erp/js/H-ui.js}"></script>
<script type="text/javascript" th:src="@{/erp/js/H-ui.admin.js}"></script>-->
<script>


    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        $("#form-user-add").Validform({
            tiptype: 2,
            callback: function (form) {
                form[0].submit();
                var index = parent.layer.getFrameIndex(window.name);
                parent.$('.btn-refresh').click();
                parent.layer.close(index);
            }
        });
    });
    $(function () {
        $("#add_picture").fix({
            float: 'left',
            skin: 'green',
            durationTime: false,
            stylewidth: '220',
            spacingw: 0,
            spacingh: 260,
        });
    });
    $(document).ready(function () {
//初始化宽度、高度

        $(".widget-box").height($(window).height());
        $(".page_right_style").height($(window).height());
        $(".page_right_style").width($(window).width() - 220);
        //当文档窗口发生改变时 触发
        $(window).resize(function () {

            $(".widget-box").height($(window).height());
            $(".page_right_style").height($(window).height());
            $(".page_right_style").width($(window).width() - 220);
        });
    });

    /*区域-查看*/
    function member_edit(title, url, id, w, h) {
        layer_show(title, url + '#?=' + id, w, h);
    }

    /*区域-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }

    /******树状图********/
    var setting = {
		async:{
			enable:true,
			url:'/categories/getCategories',
			autoParam : [ "id","pid","name"]
		},
        view: {
            dblClickExpand: false,
            showLine: false,
            selectedMulti: false
        },
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "pid",
                rootPId: ""
            }
        },
        callback: {
            beforeClick: function (treeId, treeNode) {
                $.ajax({
                    url: "/categories/getById",
                    data: {
                        id: treeNode.id
                    },
                    dataType: "json",
                    contentType: 'application/json',
                    success: function (d) {
                        $("#a_id").val(d.id);
                        $("#p_id").val(d.pid);
                        $("#mNumber").val(d.mnumber);
                        $("#name").val(d.name);
                        $("#mIntroduction").val(d.mintroduction);
                    }
                })
            }
        }
    };
    /*添加菜单*/
    $("#addtypes").submit(function(e){
        $('#ids').val($('#a_id').val())
        var d =$('#addtypes').serialize();
        $.ajax({
            url : '/categories/addCategories',
            type : 'post',
            dataType : 'json',
            contextType : 'application/json',
            data : JSON.stringify(d),
            success : function (data) {
                layer.msg('已添加!', {icon: 1, time: 1000});
            }
        })
    });
    /*删除菜单*/
    $('#shanchu').click(function(){
        $.ajax({
            url : '/categories/deleteCategories',
            type : 'post',
            dataType : 'json',
            contextType : 'application/json',
            data : {
                id : $('#a_id').val()
            },
            success : function (data) {
                location.replace(location);
            }
        })
        window.location.href="/categories/Categories";
    });
    var code;

    function showCode(str) {
        if (!code) code = $("#code");
        code.empty();
        code.append("<li>" + str + "</li>");
    }

    $(document).ready(function () {
        $.ajax({
            url: '/categories/getCategoriess',
            type: 'post',
            contextType: 'appliction/json',
            success: function (d) {
                var t = $("#treeDemo");
                t = $.fn.zTree.init(t, setting, d);
                demoIframe = $("#testIframe");
                var zTree = $.fn.zTree.getZTreeObj("tree");
            }
        })
    });

    function fun() {
        document.getElementById("test1").innerHTML += '<input name="" type="text" class="add_text" style="margin-left:11px"/><a href="#">清除</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a><br/><br/>';
    }

    function fun1() {
        document.getElementById("test2").innerHTML += '<input name="" type="text" class="add_text" style="margin-left:11px"/><a href="#">清除</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a><br/><br/>';
    }

    function xinzeng() {
        document.getElementById("spans1").style.display = "none";
        document.getElementById("spans2").style.display = "block";
    }

    function aaa() {
        document.getElementById("spans2").style.display = "none";
        document.getElementById("spans1").style.display = "block";
    }
</script>
</body>
</html>
